
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>用户注册</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/public.css">
     <link rel="stylesheet" href="./css/register.css"> 
</head>

<body>
    <!-- 顶部 吸顶菜单 -->
    <div class="top">


    <div class="h-content ">
        <a href="#" class="content-logo">
            <img src="./assert/content_logo.png" alt="">
        </a>
        <ul>
            <li>
                <a href="./register.html">注册</a>
            </li>
            <li class="iconfont icon-vertical_line"></li>
            <li>
                <a href="./login.html">登录</a>
            </li>
            <li class="iconfont icon-vertical_line"></li>
            <li>
                <a href="#">
                    <i class="iconfont icon-zhanghuffffffpx"></i>
                    <span>账户</span>
                </a>
            </li>
            <li class="iconfont icon-vertical_line"></li>
            <li>
                <a href="#">
                    <i class="iconfont icon-aixin"></i>
                    <span>收藏夹</span>
                </a>
            </li>
            <li class="iconfont icon-vertical_line"></li>
            <li>
                <a href="#">
                    <i class="iconfont icon-gouwucheman"></i>
                    <span>购物车</span>
                    <i class="iconfont icon-tubiao-"></i>
                </a>
            </li>
            <li class="iconfont icon-vertical_line"></li>
            <li>
                <a href="#">
                    <i class="iconfont icon-zhanneixin"></i>
                    <span> 站内信</span>
                </a>
            </li>
            <li class="iconfont icon-vertical_line"></li>
            <li>
                <a href="#">
                    <i class="iconfont icon-lianxikefu"></i>
                    <span>联系客服</span>
                </a>
            </li>
            <li class="iconfont icon-vertical_line"></li>
            <li>
                <div>
                    <i class="iconfont icon-8"></i>
                    <span>门店购买
                        <div class="share-overlay">
                            <span>门店急送等服务仅支持手机端购买，欢迎扫码体验！</span>
                            <div class="div-box-left">
                                <img class="left-image" src="./assert/yyk-app-download.png" alt="">
                                <span class="span-height">优衣库APP下载</span>
                            </div>
                            <div class="div-box-right">
                                <img class="right-image" src="./assert/yykwx-download.png" alt="">
                                <span class="span-height">优衣库小程序登录</span>
                            </div>
                        </div>
                    </span>
                </div>
            </li>
            <li class="iconfont icon-vertical_line"></li>
            <li>
                <div class="h-text-box">
                    <i class="iconfont icon-fangdajing info"></i>
                    <input type="text" placeholder="站内搜索" autocomplete="off">
                    <div class="recommended-wrapper">
                        <div class="recommended-words">
                            <div class="recommended-words-title">热门搜索</div>
                            <ul>
                                <li>优衣库 X ROY6 by LINE FRIENDS</li>
                                <li>外套</li>
                                <li>针织衫</li>
                                <li>HEATTECH</li>
                                <li>Peanuts礼盒</li>
                                <li>摇粒绒系列</li>
                                <li>床上用品</li>
                                <li>修改裤长</li>
                                <li>定制款衬衫</li>
                                <li>企业团购</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </li>
        </ul>
    </div>

    <!-- 导航条 -->
    <header class="header-nav">
        <!-- 遮罩层 -->
        <div class="nav-mask-cover"></div>
        <!-- 一级菜单 -->
        <div class="main-nav">
            <ul class="left-nav">
                <div class="nav-logo">
                    <a href="./index.html">
                        <img src="./assert/content_logo.png" alt="">
                    </a>
                </div>
                <li class="nav-women">
                    <a href="#">女装 women</a>
                </li>
                <li class="nav-men">
                    <a href="#">男装 men</a>
                </li>
                <li class="nav-kids">
                    <a href="#">童装 kids</a>
                </li>
                <li class="nav-baby">
                    <a href="#">婴幼儿装 baby</a>
                </li>
            </ul>
            <ul class="right-nav">
                <li class="nav-guide">
                    <a href="#">网上购买指南</a>
                </li>
                <li class="nav-about">
                    <a href="#">关注我们</a>
                </li>
                <li class="nav-announcement">
                    <a href="#">公告区</a>
                </li>
                <li class="nav-shoplist">
                    <a href="#">店铺资料</a>
                </li>
            </ul>
        </div>
    </div>
    <!-- 用户登录 -->
     <div id="register">
         <p class="title">用户注册</p>
         <form action="indexx.php" method="GET">
             用户名: <input type="text" name="user"><div class="point"></div>
             密码: <input type="text" name="pwd" ><div class="point"></div>
             邮箱: <input type="text" name="email" ><div class="point"></div>
          <input type="checkbox" name="check">我已阅读并同意《优衣库会员注册协议》和《优衣库隐私政策》
             <input type="hidden" name="hide" value="1">
             <input type="submit" name="" id="" value="注册">
         </form>
     </div> 
    <!-- 底部 -->
    <div id="buttom"></div>
</body>
<script src="./javascripts/jQuery.js"></script>
<script src="./javascripts/register.js"></script>
</html>